<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>WK科技</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <meta name="description" content="致力于打造最大的芯片平台" />
    <meta name="keywords" content="芯片，半导体，集成电路" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css//creation_project.css" />

    <link
      href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <style></style>
  </head>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.2/dist/echarts.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
    <div class="main">
      <!--左边导航栏 -->
      <div class="tab">
        <div class="logo">
          <div class="out">
            <img src="./images/logo4.png" alt="" />
          </div>
        </div>
        <div class="chuangjian">
          创建项目
          <i class="iconfont icon-jia"></i>
        </div>
        <div class="gainian1 xialakuang4 la" style="display: none">
          项目概念
        </div>
        <div class="renwu1 xialakuang4 la" style="display: none">任务列表</div>
        <div class="chuangjian1 xialakuang4 la" style="display: none">
          创建任务
        </div>
        <ul>
          <li class="pan"><i class="iconfont icon-yibiaopan"></i>仪表盘</li>
          <li class="item">
            <i class="iconfont icon-shuxie"></i>
            我的项目
            <i class="xiala xialaone iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="yy_liebiao xialakuang kapian la" style="display: none">
            项目
          </div>
          <div class="liebiao xialakuang kapian la" style="display: none">
            列表显示
          </div>
          <div class="renwu2 xialakuang la" style="display: none">任务管理</div>
          <div class="wenjian2 xialakuang la" style="display: none">
            文件管理
          </div>
          <div class="gainian2 xialakuang la" style="display: none">
            概念动态
          </div>
          <div class="tongji xialakuang la" style="display: none">统计</div>
          <li class="renwu">
            <i class="iconfont icon-renwu"></i>我的任务
            <i class="xiala xialaone iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="yy_renwu xialakuang5 la" style="display: none">
            任务
          </div>
          <div class="bianji xialakuang5 la" style="display: none">
            编辑任务
          </div>
          <li class="baobiao">
            <i class="iconfont icon-baobiao"></i>报表管理
            <i class="xiala iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="yy_baobiao xialakuang2 la" style="display: none">报表</div>

          <div class="fenbu xialakuang2 la" style="display: none">任务分布</div>
          <div class="jinzhan xialakuang2 la" style="display: none">
            任务进展
          </div>
          <li class="xitong">
            <i class="iconfont icon-xitongshezhi"></i>系统设置
            <i class="xiala iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="xiaoxi xialakuang3 la" style="display: none">
            消息管理
          </div>
          <div class="rizhi xialakuang3 la" style="display: none">日志管理</div>
        </ul>
      </div>
      <!-- 右边大版块-->
      <div class="right">
        <div class="header">
          <i class="iconfont icon-liebiao2"></i>
          <i class="iconfont icon-Magnifier"></i>
          <i class="iconfont icon-xiaoxi"></i>
        </div>
        <div class="big-content">
          <!--------------------内容写在这里---- -->
          <div class="content">
            <!-- 这里写内容这里写内容这里写内容这里写内容这里写内容这里写内容这里写内容这里写内容这里写内容这里写内容 -->

            <div class="select_model">
              <div class="select_head">选择创建模板</div>
              <div class="select_search">
                <div class="search">
                  <input type="text" placeholder="请输入搜索模板" />
                  <span>搜&nbsp;&nbsp; 索</span>
                </div>
                <div class="creation_model">
                  <em>+</em>
                  <i>创建新模板</i>
                </div>
                <div class="all_model">
                  <em class="iconfont">&#xe604;</em>
                  <i>全部模板</i>
                </div>
              </div>
            </div>
            <div class="select_content">
              <div class="content_nav">
                <ul>
                  <h6>所属类目：</h6>
                  <li class="active">全部</li>
                  <li>电子研发</li>
                  <li>结构研发</li>
                  <li>工程项目</li>
                  <li>商业照明</li>
                  <li>OEM</li>
                  <li>信息系统</li>
                </ul>
                <div>+</div>
              </div>
              <div class="content_type">
                <ul>
                  <li>
                    <img src="./images/项目一.png" alt="" />
                    <div>+</div>
                    <h6>电子研发部</h6>
                  </li>
                  <li>
                    <img src="./images/项目二.jpg" alt="" />
                    <div>+</div>
                    <h6>结构研究</h6>
                  </li>
                  <li>
                    <img src="./images/项目二.jpg" alt="" />
                    <div>+</div>
                    <h6>电子研发部</h6>
                  </li>
                  <li>
                    <img src="./images/项目一.png" alt="" />
                    <div>+</div>
                    <h6>工程项目</h6>
                  </li>
                  <li>
                    <img src="./images/项目一.png" alt="" />
                    <div>+</div>
                    <h6>商业照明</h6>
                  </li>
                  <li>
                    <img src="./images/项目二.jpg" alt="" />
                    <div>+</div>
                    <h6>信息系统</h6>
                  </li>
                  <li>
                    <img src="./images/项目一.png" alt="" />
                    <div>+</div>
                    <h6>OEM</h6>
                  </li>
                  <li>
                    <img src="./images/项目二.jpg" alt="" />
                    <div>+</div>
                    <h6>工程项目</h6>
                  </li>
                </ul>
              </div>
              <div class="content_page">
                <div class="container mt-3">
                  <ul class="pagination">
                    <li class="page-item">
                      <a class="page-link" href=" ">上一页</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#">1</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#">2</a>
                    </li>

                    <li class="page-item">
                      <a class="page-link" href="#">3</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#">4</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#">5</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#">下一页</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="select_footer">
              <div class="footer_content">
                <p><span>帮助</span><span>隐式</span><span>条款</span></p>
                <h6>copyright c 2019 XXXXXXX出品</h6>
              </div>
            </div>
          </div>
          <!------------------------------------->
          <div class="scroll"></div>
        </div>
      </div>
    </div>
    <!-- ----------------------------------script------------------------------------------>
    <script src="./js/index.js"></script>
    <script src="./js/creation_project.js"></script>
    <script></script>
    <script src="./dianji.js"></script>

  </body>
</html>
